/*html{font-size:10px;}*/
/*.clear{clear:both;}*/

/*!*背景*!*/
/*.bgBox{width:100%;position:relative;border:0.1rem solid red;box-sizing:border-box;overflow:hidden;}*/
/*.bgContent{display: block;width:100%;}*/

/*!*时间*!*/
/*.bgDate{position:absolute;width:32%;height:4.4rem;top:1rem;background:#474953;border-radius:2.2rem;}*/

/*html{font-size:10px;}*/
*{font-family:"苹方","思源黑体","微软雅黑";padding:0;margin:0;}
.clear{clear:both;}
/*背景*/
.bgBox{width:100%;position:relative;}
.bgContent{width:100%;display: block;}


/*时间*/
.dateBox{position:absolute;left:50%;width:110px;margin-left:-55px;top:4px;}
/*.bgDate{display:block;width:100%;height:100%;}*/
.bgDate{position: absolute;width:100%;height:18px;background:#474953;border-radius:9px;top:0px;}
.getDate{width:65%;float:left;padding-top:3px;}
.getTime{width:35%;float:right;padding-top:3px;}
.getDate span,.getTime span{font-size:9px;color:white;}
.getDate span{float:left;margin-left:14px;line-height: 14px;}
.getTime span{float:right;margin-right:14px;line-height: 14px;}

/*头像*/
.imgBox{position: absolute;top:37px;left:50%;margin-left:-29px;}
.photoImg{width:45px;height:45px;border-radius:29px;padding:6px;background:#1c3646}

/*距离*/
.distanceBox{position:absolute;top:110px;width:100%;}
.distance{text-align: center;font-size:11px;color:white;opacity:0.3;line-height:11px;}
.distanceNum{text-align:center;font-size:55px;color:white;line-height:55px;margin-top:18px;}

/*时长*/
.timeBox{position:absolute;top:200px;width:100%;}
.time{text-align: center;font-size:11px;color:white;opacity:0.3;line-height:11px;}
.timeNum{text-align:center;font-size:33px;color:white;line-height:33px;margin-top:18px;}

/*分割线*/

.lines{position:absolute;top:300px;width:92%;height:1px;background:white;opacity:0.18;left:4%;}

/*数据展示*/
.runDate{position: absolute;top:330px;width:100%;}

/*字体通用样式*/
.lable{font-size:11px;color:white;opacity:0.3;}
.lableNum{font-size:22px;padding-top:9px;color:white;}
/*配速*/
.speed{height:45%;margin-top:10px;}
    /*卡路里*/
.bgCal{width:60%;float:left;}
.cal{margin-left:4%;}
.calNum{margin-left:4%;}
    /*时速*/
.hourSpeed{width:37%;float:left;padding-left:3%;}
    /*平均心率*/
.heartRate{width:60%;float:left;margin-top:27px;}
.perRate,.perNum {margin-left:4%;}
    /*步数*/
/*.step{width:37%;float:left;margin-top:37px;padding-left:3%;}*/
.step{width:37%;float:left;margin-top:27px;padding-left:3%;}

/*底部下载*/
.downBox{position: absolute;top:490px;width:100%;height:70px;background:#1b1e27;}
.content_L{float:left;width:64%;height:100%;}
.AppIcon,.fontBox{float:left;}
.AppIcon {margin-left:4%;margin-top:15px;}
.fontBox{margin-left:9px;}
.AppName{font-size:13px;color:white;margin-top:21px;}
.slogan{font-size:11px;color:white;opacity:0.3;margin-top:4px;}
.content_R{float:right;margin-right:4%;margin-top:15px;}
